/*
 * This file is part of "Sorting Thoughts" project.
 *
 * Copyright (c) 2009 Hendrik Ebel
 * All Rights Reserved.
 *
 * Please visit http://code.google.com/p/sorting-thoughts/ for more information.
 *
 * --LICENSE NOTICE--
 * This program is free software; you can redistribute it and/or
 * modify it under the terms of the GNU General Public License
 * as published by the Free Software Foundation; either version 3
 * of the License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program; If not, see <http://www.gnu.org/licenses/>.
 * --LICENSE NOTICE--
 */

#sortingThoughts {
	background: url(../images/background-wood-big.jpg) no-repeat;
}

.noBackground {
	background: none;
	border: 1px solid red;
}

#mojo-scene-preferences-scene-scroller {
	background: none;
	background-color: #e4e4e2;
}

#mojo-scene-help-scene-scroller {
	background: none;
	background-color: #e4e4e2;
}

.cover {
    background: url(../images/cover-background.png) no-repeat;
    height: 490px;
    margin-top: -20px;
}

.coverTouchpad {
    background: url(../images/cover-background-touchpad.png) no-repeat;
    height: 390px;
}

.coverPixi {
    background: url(../images/cover-pixi-background.png) no-repeat;
    height: 410px;
    margin-top: -20px;
}

.coverLock {
    background: url(../images/cover-lock-background.png) no-repeat;
    height: 480px;
    margin-top: -20px;
}

.lockTable {
	width: 100%; 
	padding-bottom: 45px;
}

.lockTableTouchpad{
	width: 50%; 
	padding-bottom: 45px;
}

.lockSpan {
	position: absolute; 
	bottom: 0; 
	width: 100%; 
}

.lockSpanTouchpad {
	position: absolute; 
	left: 260px;
	bottom: 0; 
	width: 100%; 
}

.space {
    padding-top: 380px;
    text-align: center;
    color: white;
}

.thoughtEntriesStyle {
    width: 290px;
    margin-top: 0px;
    background: url(../images/list-background-short.png) repeat-y;
    background-position: right;
    background-color: #FFFFFF;
    min-height: 480px;
}

.thoughtEntriesStyleTouchPadWide {
	width: 994px;
    margin-top: 0px;
    background: url(../images/list-background-touchpad-wide.png) repeat-y;
    background-position: right;
    background-color: #FFFFFF;
    min-height: 480px;
}

.thoughtEntriesWide {
    width: 450px;
    margin-top: 0px;
    background: url(../images/list-background-short.png) repeat-y;
    background-position: right;
    background-color: #FFFFFF;
    min-height: 480px;
}

.thoughtEntriesWidePixi {
    width: 370px;
    margin-top: 0px;
    background: url(../images/list-background-short.png) repeat-y;
    background-position: right;
    background-color: #FFFFFF;
    min-height: 480px;
}

.thoughtEntriesSmall {
    min-height: 400px;
}

.infoWrapper {
    background: url(../images/list-background.png) repeat-y;
    margin-top: 0px;
}

.infoWrapperWide {
    background: url(../images/list-background-wide.png) repeat-y;
    margin-top: 0px;
}

.infoWrapperTouchpadWide {
    background: url(../images/list-background-touchpad-wide.png) repeat-y;
    margin-top: 0px;
}

.infoWrapperWidePixi {
    background: url(../images/list-background-wide-pixi.png) repeat-y;
    margin-top: 0px;
}

.info {
    text-decoration: none;
    color: #656565;
    font-size: 14px;
    padding-top: 5px;
    padding-left: 10px;
}

.header {
    padding-top: 20px;
    background: url(../images/header-background.png) no-repeat;
}

.headerTouchPadWide {
	padding-top: 20px;
    background: url(../images/header-background-touchpad-wide.png) no-repeat;
}

.headerWide {
    padding-top: 20px;
    background: url(../images/header-background-wide.png) no-repeat;
}

.headerWidePixi {
    padding-top: 20px;
    background: url(../images/header-background-wide-pixi.png) no-repeat;
}

.footer {
    display: block;
    background: url(../images/footer-background.png) no-repeat;
    height: 72px;
}

.footerTouchpadWide {
    display: block;
    background: url(../images/footer-background-touchpad-wide.png) no-repeat;
    height: 80px;
}

.footerWide {
    display: block;
    background: url(../images/footer-background-wide.png) no-repeat;
    height: 80px;
}

.footerWidePixi {
    display: block;
    background: url(../images/footer-background-wide-pixi.png) no-repeat;
    height: 80px;
}

.thoughtList {
    margin-left: -19px;
    min-height: 490px;
    background-color: #FFFFFF;
}

.thoughtListTouchpad {
    margin-left: -19px;
    min-height: 640px;
    background-color: #FFFFFF;
}

#thoughtEntries .palm-row {
    width: 290px;
}

#thoughtEntries .palm-row-wide {
    width: 445px;
}

#thoughtEntries .palm-row-touchpad-wide {
    width: 990px;
}

#thoughtEntries .palm-row-wide-pixi {
    width: 365px;
}

.orangeColorRowWide {
	background: url(../images/orangeColorRowWide.png) no-repeat;
	background-position: left 6px;
}

.orangeColorRowWidePixi {
	background: url(../images/orangeColorRowWidePixi.png) no-repeat;
	background-position: left 6px;
}

.orangeColorRow {
	background: url(../images/orangeColorRow.png) no-repeat;
	background-position: left 6px;
}

.greenColorRowWide {
	background: url(../images/greenColorRowWide.png) no-repeat;
	background-position: left 6px;
}

.greenColorRowWidePixi {
	background: url(../images/greenColorRowWidePixi.png) no-repeat;
	background-position: left 6px;
}

.greenColorRow {
	background: url(../images/greenColorRow.png) no-repeat;
	background-position: left 6px;
}

.cyanColorRowWide {
	background: url(../images/cyanColorRowWide.png) no-repeat;
	background-position: left 6px;
}

.cyanColorRowWidePixi {
	background: url(../images/cyanColorRowWidePixi.png) no-repeat;
	background-position: left 6px;
}

.cyanColorRow {
	background: url(../images/cyanColorRow.png) no-repeat;
	background-position: left 6px;
}

.pinkColorRowWide {
	background: url(../images/pinkColorRowWide.png) no-repeat;
	background-position: left 6px;
}

.pinkColorRowWidePixi {
	background: url(../images/pinkColorRowWidePixi.png) no-repeat;
	background-position: left 6px;
}

.pinkColorRow {
	background: url(../images/pinkColorRow.png) no-repeat;
	background-position: left 6px;
}

.magentaColorRowWide {
	background: url(../images/magentaColorRowWide.png) no-repeat;
	background-position: left 6px;
}

.magentaColorRowWidePixi {
	background: url(../images/magentaColorRowWidePixi.png) no-repeat;
	background-position: left 6px;
}

.magentaColorRow {
	background: url(../images/magentaColorRow.png) no-repeat;
	background-position: left 6px;
}

.redColorRowWide {
	background: url(../images/redColorRowWide.png) no-repeat;
	background-position: left 6px;
}

.redColorRowWidePixi {
	background: url(../images/redColorRowWidePixi.png) no-repeat;
	background-position: left 6px;
}

.redColorRow {
	background: url(../images/redColorRow.png) no-repeat;
	background-position: left 6px;
}

.yellowColorRowWide {
	background: url(../images/yellowColorRowWide.png) no-repeat;
	background-position: left 6px;
}

.yellowColorRowWidePixi {
	background: url(../images/yellowColorRowWidePixi.png) no-repeat;
	background-position: left 6px;
}

.yellowColorRow {
	background: url(../images/yellowColorRow.png) no-repeat;
	background-position: left 6px;
}

.blueColorRowWide {
	background: url(../images/blueColorRowWide.png) no-repeat;
	background-position: left 6px;
}

.blueColorRowWidePixi {
	background: url(../images/blueColorRowWidePixi.png) no-repeat;
	background-position: left 6px;
}

.blueColorRow {
	background: url(../images/blueColorRow.png) no-repeat;
	background-position: left 6px;
}

.strikeColorRowWide, .strikeColorRowWidePixi {
	background: url(../images/strike.png) no-repeat;
}
/* , .strikeColor*/
.strikeColorRow {
	background: url(../images/strike.png) no-repeat left 3px;
}

.rowSeparatorStandard {
    background: url(../images/rowSeparator.png) no-repeat;
}

.rowSeparatorWide {
    background: url(../images/rowSeparatorWide.png) no-repeat;
}

.rowSeparatorTouchpadWide {
	background: url(../images/rowSeparatorTouchpadWide.png) no-repeat;
}

.rowSeparatorWidePixi {
    background: url(../images/rowSeparatorWidePixi.png) no-repeat;
}

#thoughtEntries .palm-row.first, .palm-row-wide.first, .palm-row-touchpad-wide.first {
    background: none;
}

#thoughtEntries .palm-row.last {
    background: url(../images/rowSeparator.png) no-repeat;
}

#thoughtEntries .palm-row-wide.last {
    background: url(../images/rowSeparatorWide.png) no-repeat;
}

#thoughtEntries .palm-row-touchpad-wide.last {
    background: url(../images/rowSeparatorTouchpadWide.png) no-repeat;
}

#thoughtEntries .palm-row-wide-pixi.last {
    background: url(../images/rowSeparatorWidePixi.png) no-repeat;
}


/* list selector */
.palm-row .list-selector-triangle {
  float: right;
  width: 10px;
  height: 10px;
  margin: 0;
  background: none;
}

.palm-row.selected .list-selector-triangle {
  background: none;
}

.palm-popup-container {
	width: 50px;
}

.popup-item-checkmark {
	display: none;
}

.list-selector-value {
	display: none;
}

.orangeColorIcon {
	background: url(../images/orangeColorIcon.png) no-repeat;
	background-position: left center;
}

.yellowColorIcon {
	background: url(../images/yellowColorIcon.png) no-repeat;
	background-position: left center;
}

.whiteColorIcon {
	background: url(../images/whiteColorIcon.png) no-repeat;
	background-position: left center;
}

.blueColorIcon {
	background: url(../images/blueColorIcon.png) no-repeat;
	background-position: left center;
}

.pinkColorIcon {
	background: url(../images/pinkColorIcon.png) no-repeat;
	background-position: left center;
}

.magentaColorIcon {
	background: url(../images/magentaColorIcon.png) no-repeat;
	background-position: left center;
}

.cyanColorIcon {
	background: url(../images/cyanColorIcon.png) no-repeat;
	background-position: left center;
}

.redColorIcon {
	background: url(../images/redColorIcon.png) no-repeat;
	background-position: left center;
}

.greenColorIcon {
	background: url(../images/greenColorIcon.png) no-repeat;
	background-position: left center;
}

.strikeColorIcon {
	background: url(../images/strikeColorIcon.png) no-repeat;
	background-position: left center;
}

/* edit page */
.editTitle {
    padding-top: 14px;
	padding-bottom: 3px;
    background: url(../images/header-background.png) no-repeat;
    padding-right: 33px;
    font-weight: bold;
    height: 50px;
}

.editTitleWide {
    padding-top: 14px;
	padding-bottom: 3px;
    background: url(../images/header-background-wide.png) no-repeat;
    padding-right: 33px;
    font-weight: bold;
    height: 50px;
}

.editTitleTouchpadWide {
    padding-top: 14px;
	padding-bottom: 3px;
    background: url(../images/header-background-touchpad-wide.png) no-repeat;
    padding-right: 33px;
    font-weight: bold;
    height: 50px;
}

.editTitleWidePixi {
    padding-top: 14px;
	padding-bottom: 3px;
    background: url(../images/header-background-wide-pixi.png) no-repeat;
    padding-right: 33px;
    font-weight: bold;
    height: 50px;
}

.editContent {
    padding-right: 33px;
	width: 287px;
    margin-top: 10px;
    background: url(../images/list-background-short.png) repeat-y;
    background-position: right;
    background-color: #FFFFFF;
    min-height: 480px;
}

.editContentWide {
    padding-right: 33px;
	width: 447px;
    margin-top: 10px;
    background: url(../images/list-background-short.png) repeat-y;
    background-position: right;
    background-color: #FFFFFF;
    min-height: 480px;
}

.editContentTouchpadWide {
    padding-right: 33px;
	width: 991px;
    margin-top: 10px;
    background: url(../images/list-background-short.png) repeat-y;
    background-position: right;
    background-color: #FFFFFF;
    min-height: 550px;
}

.editContentWidePixi {
    padding-right: 33px;
	width: 367px;
    margin-top: 10px;
    background: url(../images/list-background-short.png) repeat-y;
    background-position: right;
    background-color: #FFFFFF;
    min-height: 480px;
}

#editThoughtContent {
    background-image: none;
    min-height: 480px;
	border: 1px solid red;
}

#editTitleDiv .textfield-group input, .textfield-group input:focus {
	font: normal normal bold 20px/normal Prelude, sans-serif;
	margin: -2px 0 0 -2px;
	padding-top: 0;
	padding-right: 5px;
	border-width: 0px;
	height: 50px;
	vertical-align: 1px;
}

#editContentDiv .focused .content div {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 95%;
	outline-width: 0px;
	outline-style: none;
}

#editContentDiv .textfield-group .content div {
	font: normal normal normal 20px/normal Prelude, sans-serif;
	margin: 0 0 0 3px;
	padding-top: 0;
	border-width: 0px;
}

.textfield-group.focused.title-edit-group {
    clear: both;
    border-width: 0px;
	margin: 15px 0 0 15px; 
    -webkit-border-image: url(../images/textfield-noshadow.png) 0 0 0 0 stretch stretch;
    font-weight: bold;
	height: 50px;
	text-align: left;
	padding-right: 5px;
	border: 1px solid green;
}

.textfield-group.title-edit-group {
    margin: 0 0 0 0;
	height: 50px;
	text-align: left;
	font-weight: bold;
	padding-right: 10px;
}

.textfield-group.focused.content-edit-group {
    clear: both;
    margin: -19px 0 0 7px; 
    border-width: 0px;
    -webkit-border-image: url(../images/textfield-noshadow.png) 0 0 0 0 stretch stretch;
	text-align: left;
}


.textfield-group.content-edit-group {
    margin: -34px 0 0 -8px; 
	text-align: left;
}
/* ############## */

.date {
    font-size: 12px;
    color: #5B5A5A;
    margin-top: 0px;
    padding-left: 15px;
    padding-bottom: 10px;
}

.dateWide {
    font-size: 12px;
    color: #5B5A5A;
    margin-top: 0px;
    padding-left: 15px;
    padding-bottom: 10px;
}

.icon.help-mini-icon {
    background: url(../images/logo-small.png) no-repeat;
    margin-top: 10px;
    margin-left: 10px;
    height: 35px;
    width: 35px;
}

a {
    text-decoration: none;
}

a.webLink {
    text-decoration: none;
    color: #1111CC;
}

a.thoughtLink {
	text-decoration: none;
    color: #EFC70E;
}

a.web {
    display: inline-block;
    background-image: url(../images/application-web.png);
    padding-left: 39px;
    background-repeat: no-repeat;
    background-position: center left;
    border: 0px;
    height: 32px;
    color: #000;
}

a.facebook {
    display: inline-block;
    background-image: url(../images/facebook-32x32.png);
    padding-left: 39px;
    background-repeat: no-repeat;
    background-position: center left;
    border: 0px;
    height: 32px;
    color: #000;
}

a.twitter {
    display: inline-block;
    background-image: url(../images/twitter-32x32.png);
    padding-left: 39px;
    background-repeat: no-repeat;
    background-position: center left;
    border: 0px;
    height: 32px;
    color: #000;
}

.smallText {
    text-decoration: none;
    color: #656565;
    font-size: 16px;
    padding: 15px 15px 10px 15px;
}

.smallTextCont {
    text-decoration: none;
    color: #656565;
    font-size: 16px;
    padding: 0 15px 0 15px;
}

.highlighterSelector {
    float: right;
    padding-left: 10px;
    background: url(../images/highlight.png) no-repeat;
    background-position: left center;
    width: 40px;
	height: 60px;
}

p {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

.syncDatePref {
    font-size: 18px;
    color: #5B5A5A;
    margin-top: 0px;
    padding-left: 15px;
    padding-bottom: 10px;
}

.hiddenError {
	display: none; 
}

.errorCell {
	width: 30px;
	height: 30px;
	background: url(../images/error.png) no-repeat;
    background-position: left center;
}

.errorText{
	color: red;
	font-weight: bold;
}
